<a href="https://github.com/2fdevs/videogular/edit/master/app/scripts/com/2fdevs/videogular/plugins/vg-controls/vg-volume/vg-volume.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/2fdevs/videogular/blob/6f55d80/app/scripts/com/2fdevs/videogular/plugins/vg-controls/vg-volume/vg-volume.js#L21" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">vgVolume</code>
<div><span class="hint">directive in module <code ng:non-bindable="">com.2fdevs.videogular.plugins.controls</code>
</span>
</div>
</h1>
<div><h2 id="description">Description</h2>
<div class="description"><div class="com-2fdevs-videogular-plugins-controls-directive-page com-2fdevs-videogular-plugins-controls-directive-vgvolume-page"><p>Directive to control the volume.
This directive acts as a container and you will need other directives like vg-mutebutton and vg-volumebar to control the volume.
In mobile will be hided since volume API is disabled for mobile devices.</p>
<pre class="prettyprint linenums">
&lt;videogular vg-theme="config.theme.url"&gt;
   &lt;vg-media vg-src="sources"&gt;&lt;/vg-media&gt;

   &lt;vg-controls vg-autohide='config.autohide' vg-autohide-time='config.autohideTime'&gt;
       &lt;vg-volume&gt;&lt;/vg-volume&gt;
   &lt;/vg-controls&gt;
&lt;/videogular&gt;
</pre>
</div></div>
<h2 id="usage">Usage</h2>
<div class="usage">as element:<pre class="prettyprint linenums">&lt;vg-volume&gt;
&lt;/vg-volume&gt;</pre>
</div>
</div>
